﻿
@{
    Layout = null;
}


<link href="~/libs/layui-v2.9.21/layui-v2.9.21/layui/css/layui.css" rel="stylesheet" />
<form class="layui-form" action="">
    <div class="layui-form-item">
        <label class="layui-form-label">通知单号</label>
        <div class="layui-input-inline layui-input-wrap">
            <input type="text" id="notificationNo" name="notificationNo" lay-verify="required" autocomplete="off" lay-affix="clear" class="layui-input" placeholder="请输入通知单号">
        </div>
        <label class="layui-form-label">客户名称</label>
        <div class="layui-input-inline layui-input-wrap">
            <input type="text" id="customerName" name="customerName" lay-verify="required" autocomplete="off" lay-affix="clear" class="layui-input" placeholder="请输入客户名称">
        </div>
        <div class="layui-btn-container">
            <button type="button" id="btnSeath" class="layui-btn layui-btn-normal layui-btn-sm">查询</button>
            <button type="button" class="layui-btn layui-btn-primary layui-btn-sm">重置</button>
        </div>
    </div>
</form>
<table class="layui-hide" id="GetPurchaseList" name="GetPurchaseList"></table>

<!-- 请勿在项目正式环境中引用该 layui.js 地址 -->
<script src="~/libs/jquery/jquery.js"></script>
<script src="~/libs/layui-v2.9.21/layui-v2.9.21/layui/layui.js"></script>
<script>

        layui.use('table', function () {
            var table = layui.table;
            var from = layui.from;
            var laydata = layui.laydata;
            // 已知数据渲染
            var inst = table.render({
                elem: '#GetPurchaseList',
                url: '/Purchase/GetPurchaseList',
                cols: [[ //标题栏
                    { type: 'checkbox', fixed: 'left' },
                    { field: 'notificationNo', title: '通知单号 ', width: 120 },
                    { field: 'customerCode', title: '客户编码 ', width: 120 },
                    { field: 'customerName', title: '客户名称 ', width: 120 },
                    { field: 'notificationStatus', title: '通知单状态 ', width: 120 },
                    { field: 'productCode', title: '商品编码 ', width: 120 },
                    { field: 'productName', title: '商品名称 ', width: 120 },
                    { field: 'notificationQuantity', title: '通知单数量 ', width: 120 },
                    { field: 'acceptedQuantity', title: '验收数量 ', width: 120 },
                    { field: 'unit', title: '单位 ', width: 120 },
                    { field: 'volumeCM3', title: '体积 ', width: 120 },
                    { field: 'weightKG', title: '重量 ', width: 120 },
                    { field: 'customerOrderNo', title: '客户订单号 ', width: 120 },
                    { field: 'baseUnitQuantity', title: '基本单位数量 ', width: 120 },
                    { field: 'baseUnit', title: '基本单位 ', width: 120 },
                    {
                        field: 'productionDate', title: '生产日期 ', width: 120,
                        templet: function (d) {
                            return d.productionDate.substring(0, 8)
                        }
                    },
                ]],

                //skin: 'line', // 表格风格
                //even: true,
                page: true, // 是否显示分页
                height: 500,
                limits: [5, 10, 20, 30],
                limit: 10,// 每页默认显示的数量
                where: {
                    pageIndex: 1,
                    pageSize: 10
                }
            });

            //查询
            $('#btnSeath').on('click', function () {
                table.reload('GetPurchaseList', {
                    page: { curr: 1 },
                    where: {
                        notificationNo: $('#notificationNo').val(),
                        customerName: $('#customerName').val(),
                    }
                })
                return false;
            })

        });
      
</script>
